<template>
  <div class="footer_wrap">
    <div class="footer_container">
      <div class="icons">
        <div class="item">
          <span class="iconfont icon-ico_med_doctor"></span>
          <span>音乐开发平台</span>
        </div>
        <div class="item">
          <span class="iconfont icon-ico_med_needle"></span>
          <span>云村交易所</span>
        </div>
        <div class="item">
          <span class="iconfont icon-ico_med_stethoscope"></span>
          <span>Amped Studio</span>
        </div>
        <div class="item">
          <span class="iconfont icon-ico_med_band-bid"></span>
          <span>用户认证</span>
        </div>
        <div class="item">
          <span class="iconfont icon-ico_doc_chart_bar"></span>
          <span>音乐交易平台</span>
        </div>
        <div class="item">
          <span class="iconfont icon-ico_med_records5"></span>
          <span>赞赏</span>
        </div>
        <div class="item">
          <span class="iconfont icon-ico_yidong"></span>
          <span>视频激励</span>
        </div>
      </div>
      <div class="other">
        <div class="one">
          <span>服务条款</span>
          <span class="border">|</span>
          <span>隐私政策</span>
          <span class="border">|</span>
          <span>儿童隐私政策</span>
          <span class="border">|</span>
          <span>版权投诉</span>
          <span class="border">|</span>
          <span>投资者关系</span>
          <span class="border">|</span>
          <span>广告合作 </span>
          <span class="border">|</span>
          <span>联系我们</span>
        </div>
        <span class="two">
          廉政举报 &nbsp; 不良信息举报邮箱: 51jubao@service.netease.com &nbsp;
          客服热线：95163298
        </span>
        <span class="three">
          互联网宗教信息服务许可证： &nbsp;浙（2022）0000120
          增值电信业务经营许可证：浙B2-20150198 粤B2-20090191-18 &nbsp;
          工业和信息化部备案管理系统网站
        </span>
        <span class="four"
          >网易公司版权所有©1997-2023 &nbsp;
          杭州乐读科技有限公司运营：浙网文[2021] 1186-054号 &nbsp;<span
            class="iconfont icon-ico_med_doctor"
          ></span
          >浙公网安备 33010902002564号</span
        >
      </div>
    </div>
  </div>
</template>

<script lang="ts">
export default {
  name: "footer",
};
</script>

<script lang="ts" setup></script>

<style scoped>
.footer_wrap {
  width: 100%;
  background-color: #eee;
  min-width: 1200px;
  padding-bottom: 50px;
}
.footer_container {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.icons {
  display: flex;
  width: 100%;
  justify-content: space-around;
  padding: 25px 0 40px;
}
.item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #666;
}
.iconfont {
  font-size: 30px;
  color: red;
  margin-bottom: 10px;
}
.other {
  height: 100px;
  justify-content: space-around;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  color: #555;
}
.one {
  display: flex;
  justify-content: center;
}
.border {
  margin: 0 10px;
}
.four .iconfont {
  font-size: 14px;
  color: rgb(21, 189, 218);
}
</style>
